
%
%       This document is free documentation; you can redistribute it and/or modify
%       it under the terms of the GNU Free Documentation License as published by
%       the Free Software Foundation; either version 1.2 of the License, or
%       any later version.
%       
%       This doc is distributed in the hope that it will be useful,
%       but WITHOUT ANY WARRANTY; without even the implied warranty of
%       MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
%       GNU Free Documentation License for more details.
%       
%       You should have received a copy of the GNU Free Documentation
%       License along with this document ; if not, write to the Free
%       Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
%       Boston, MA 02110-1301, USA.
% 
Para el análisis heurístico de un sitio, el libro
consultado\cite{duyne2002dsp} cuenta con siete principios de diseño,
los cuales se basan en otros de fuentes respetadas. A continuación se
enumeran los principios, junto con un breve análisis correspondiente
del sitio:

\begin{description}
\item[Ser consistente en el sitio:] Todas las páginas siguen un mismo
  estilo: color de fondo blanco, barra de navegación en la parte
  superior, cabeceras de color amarillo, etc.. Las páginas que cuentan
  con categorías tienen tales listas en el lado izquierdo. Se usa el
  mismo lenguaje familiar (\ref{sec:FamiliarLanguage}) en todos
  los textos.  Aunque la barra de navegación (\ref{sec:NavigationBar}) se
  mantiene entre las distintas páginas, los links que están sobre la
  misma cambian de la página principal a las demás: se agregan
  ``Preguntas'' (que apunta a la misma página que ``Ayuda'', en la barra
  propiamente dicha), ``Home'' (para volver a la página principal) y
  ``Vender''.  El botón de la barra de búsqueda
  (\ref{sec:SearchActionModule}) tiene por texto ``Ir'' en casi todas
  las páginas, excepto en las de los productos, donde dice
  ``Buscar''. Cambia la forma también, de círculo a rectángulo de bordes
  redondeados, para acompañar a la palabra, pero mantiene un color de
  fondo azul. El botón ``Comprar'' es rectangular, pero también tiene
  fondo azul.

\item[Ofrecer feedback informativo:] En las páginas en las que está
  disponible la barra de navegación se resalta el lugar del sitio
  donde uno se encuentra. En las listas de productos y en las páginas
  de los productos, hay un rastro de migas
  (\ref{sec:LocationBreadCrumbs}) que indica a qué categoría y
  subcategorías corresponde lo que se está viendo en la página. En los
  funnels (y en otros sitios, como la sección de ayuda contra e-mails
  falsos) hay una barra de progreso (\ref{sec:ProgressBar}) que indica
  en qué paso se encuentra el usuario. Y en las páginas con conexión
  segura (\ref{sec:SecureConnections}), la cabecera cuenta con el dibujo
  de un candado.

\item[Fiarse del reconocimiento más que del recuerdo:] Todas las
  posibilidades que brinda el sitio se plantean de forma explícita
  (buscar un producto para comprar, ya sea por palabras o por
  categoría; vender; ayudas; etc.), de forma que el usuario no tenga
  la necesidad de acordarse cómo llegar a la página correspondiente a lo que
  necesita hacer. Un ejemplo son los grandes botones de acción como
  ``Ir'' (en la búsqueda) o ``Comprar'' (\ref{sec:LocationBreadCrumbs}).

\item[Ayudar a los consumidores a prevenir y a recuperarse de
  errores:] Un lugar en el sitio, propenso a errores, es el registro
  de un usuario nuevo. No sólo explica lo que hay que introducir en
  campos críticos (\ref{sec:JumpMenus}), sino que también indica en
  cuál se cometió algún error de forma llamativa y clara
  (\ref{sec:Permalinks}).

\item[Soporte al control y libertad del consumidor:] El sitio cuenta
  con varias formas distintas de navegar
  (\ref{sec:MultipleWaysToNavigate}), en especial para las compras
  ; búsqueda por palabras
  (\ref{sec:SearchActionModule},\ref{sec:StraightfowardSearchForms} ),
  por categorías (\ref{sec:HierarchicalOrganization},
  \ref{sec:CategoryPages}), promociones, ``imperdibles'', etc.. Además,
  los rastros de migas (\ref{sec:ExternalLinks}) ayudan a ubicar al
  usuario en las subcategorías.

% falta el soporte al control

\item[Ayudar a los consumidores frecuentes a usar aceleradores:]
  Aparte del uso de la tecla Enter para iniciar las búsquedas (de la
  misma forma que si se hubiera hecho click en el botón ``Ir'' o
  ``Buscar''), el sitio cuenta con una lista desplegable en el cuadro de
  búsqueda que muestra sugerencias (entrada predictiva -
  \ref{sec:PredictiveInput}). Luego, al realizar la búsqueda, en el
  cuadro donde se ingresan las palabras, se mantienen las que uno
  ingresó, para facilitar cualquier corrección que uno quiera hacerles
  en caso de que la búsqueda no diera los resultados esperados.

\item[Esforzarse por un diseño estético y minimalista:] En general las
  páginas están bien organizadas, con poca carga textual y gráfica, y
  una disposición en forma de grilla (\ref{sec:GridLayout}). La
  publicidad que se encuentra en el centro de la página principal
  puede influir en negativamente en el accionar del usuario.
  En los listados de productos muestran los distintos productos de forma clara, 
  usando pequeñas fotos para los productos destacados y un gráfico
  reutilizado en el caso de los productos no destacados pero con imágenes. 
  Las páginas propias de los productos dependen en mayoritariamente
  de los usuarios, los cuales tienen la posibilidad de armar una
  ``subpágina'' en un lugar de ancho fijo pero de alto automático, donde
  mostrar las fotos del artículo en forma completa, aunque no es
  un requisito que el vendedor llene cada subpágina de cada producto
  para publicarlo.

\end{description}

\section{Guía de usabilidad}\label{sec:GuiaDeUsabilidad}

En esta sección se analiza el sitio siguiendo la guía publicada en \cite{GuiaEval03}.

\subsection{Generales}\label{sec:Generales}
\begin{itemize}
\item¿Cuáles son los objetivos del sitio web? ¿Son concretos y bien
  definidos? ¿Los contenidos y servicios que ofrece se corresponden
  con esos objetivos?
  \begin{itemize}
  \item Básicamente, el sitio tiene por objeto servir de intermediario
    entre compradores y vendedores de diversos productos (incluso
    servicios). Los usuarios vendedores publican sus productos, y los
    compradores tienen varias formas de encontrarlos.
  \end{itemize}
\item ¿Tiene una URL correcta, clara y fácil de recordar? ¿Y las URL
  de sus páginas internas? ¿Son claras y permanentes?
  \begin{itemize}
  \item La URL se corresponde con el nombre del sitio
    \url{www.mercadolibre.com.ar}. Si bien el nombre es una palabra
    compuesta, ni este ni la dirección del sitio incluyen algún separador 
    entre las palabras ``mercado'' y ``libre''. 
    El dominio mercadolibre.com.ar es, a la fecha,
    el décimo dominio más solicitado en el país y el 80.3\% de los visitantes de ese 
    dominio son Argentinos, según el Sitio Alexa
    \footnote{\url{http://www.alexa.com/siteinfo/mercadolibre.com.ar}}, 
    con lo cual podemos decir que el sitio es recordado por los usuarios.  
    En caso de usar \url{www.mercadolibre.com}, la página
    que aparece es un portal a las distintas versiones de los
    distintos países, la cual, según la fuente citada, es mas visitada en 
    México.
  \item En cuanto a las páginas internas, no todas son claras, pero sí
    permanentes (al menos, mientras el sitio siga almacenando las
    paginas de los productos cuya publicación venció, sea porque su periodo de 
    subasta termino o su stock se ha terminado).
    % las paginas de los productos son medio basura
    % http://articulo.mercadolibre.com.ar/MLA-50840098-memoria-ddr-400mhz-1024mb-1gb-garantia-escrita-10-meses--_JM
  \end{itemize}
\item ¿Muestra de forma precisa y completa qué contenidos o servicios
  ofrece realmente el sitio web?  Esto está relacionado directamente
  con el diseño de la página de inicio, que debe ser diferente al
  resto de páginas y cumplir la función de ``escaparate'' del sitio.
  \begin{itemize}
  \item El propósito del sitio se ve reflejado en el eslogan (\emph{``donde
      compras y vendes de todo''}), en los links de ayuda
    (\emph{``Como comprar''}) y en las publicidades.% Las categorías actúan como un catálogo de productos para comprar.
  \end{itemize}
\item ¿La estructura general del sitio web está orientada al usuario?

  Los sitios web deben estructurarse pensando en el usuario, sus
  objetivos y necesidades. No se debe calcar la estructura interna de
  la empresa u organización, al usuario no le interesa cómo funciona o
  se organiza la empresa.
  \begin{itemize}
  \item La estructura que se ve no da idea de la organización
    administrativa/técnica/financiera de la corporación.  Todo lo que
    está presente en el sitio apunta a los usuarios (las categorías,
    las publicidades, los links de ayuda, la barra de navegación,
    etc.).
  \end{itemize}
\item ¿El look \& feel general se corresponde con los objetivos,
  características, contenidos y servicios del sitio web?

  Por ejemplo, los colores empleados. Aunque el significado que
  comunica un determinado color es muy subjetivo y dependiente de la
  cultura y el entorno, y por lo tanto diferente para cada usuario,
  ciertas combinaciones de colores ofrecen una imagen más formal,
  seria o profesional, como pueden ser los tonos de azules con y
  blanco, que transmiten una imagen corporativista.
  
  \begin{itemize}
  \item En general, el Look \& Feel del sitio es muy homogéneo, claro,
    minimalista y profesional, ya que este no incluye formas
    sobrecargadas, complejas ni colores de alto contrastantes o
    fuertes, pero esto mismo no se cumple en las paginas creadas por
    los vendedores, como los eShops o las paginas de cada producto,
    las cuales tienen su propio estilo y son muy variadas, dado que no
    son creadas por \emph{mercadolibre.com}.
  \end{itemize}
\item ¿Es coherente el diseño general del sitio web?  Se debe mantener
  una coherencia y uniformidad en las estructuras y colores de todas
  las páginas. Esto sirve para que el usuario no se desoriente en su
  navegación.
  \begin{itemize}
  \item En general las páginas mantienen el diseño: logo, barra de
    búsqueda y navegación en la parte superior (a pesar de que pueden
    cambiar de tamaño si se pasa por los funnels o se hacen ),
    cabeceras con fondo de color amarillo, categorías al costado
    izquierdo (en las páginas que apuntan a categorías); No se puede
    decir lo mismo de las páginas creadas por el usuario.
  \end{itemize}
\item ¿Es reconocible el diseño general del sitio web?

  Cuánto más se parezca el sitio web al resto de sitios web, más fácil
  será de usar.
  \begin{itemize}
  \item Los elementos que se pueden encontrar en las páginas, tales
    como el logotipo que lleva a la página principal, la barra de
    navegación, la búsqueda o el ``Acerca de'' del sitio, se ubican en
    los lugares más comunes \footnote{Se realizó un estudio
      demográfico sobre la disposición de estos elementos, se puede
      ver en \cite{Bernard04}, y un resumen donde se agrupan estos
      resultados (dejando de lado la diferenciación demográfica),
      junto con un esquema ``Promedio'' de página web, en la figura
      3.16 de \cite{LynchHorton200901}.  }.

    % cite ?

  \end{itemize}
\item ¿El sitio web se actualiza periódicamente? ¿Indica cuándo se
  actualiza?

  Las fechas que se muestren en la página deben corresponderse con
  actualizaciones, noticias, eventos \ldots no con la fecha del
  sistema del usuario.
  \begin{itemize}
  \item Dado que frecuencia de publicación de los productos y servicios en el sitio
    depende de los usuarios del mismo y por el alto trafico que genera, 
    es impráctico mostrar un resumen de tales actualizaciones.
  \end{itemize}
\end{itemize} 
\subsection{Identidad e Información}
\label{sec:IdentidadEInformación}


\begin{itemize}
\item ¿Se muestra claramente la identidad de la empresa-sitio a través
  de todas las páginas?
  \begin{itemize}
  \item Es difícil asegurarlo, ya que se trata de un detalle
    principalmente subjetivo, pero se podría decir que sí, entre el
    estilo que se mantiene, y las distintas partes del sitio que
    apuntan a una misma tarea, la mediación entre vendedores y
    compradores.
  \end{itemize}
\item El Logotipo, ¿es significativo, identificable y suficientemente
  visible?
  \begin{itemize}
  \item El logotipo es claro: se puede apreciar sin mucho esfuerzo 
    que son dos manos que se estrechan.Es está presente en
    todas las páginas.
  \end{itemize}
\item El eslogan o tagline, ¿expresa realmente qué es la empresa y qué
  servicios ofrece?
  \begin{itemize}
  \item El eslogan se ha elegido correctamente. En una sola oración
    sintetiza tanto el servicio que brinda el sitio (permitir compras
    y ventas) como la variedad en el mismo (``de todo'').
  \end{itemize}
\item ¿Se ofrece algún enlace con información sobre la empresa, sitio
  web, 'webmaster',\ldots?
  \begin{itemize}
  \item Al pie de todas las páginas se encuentra un link ``Sobre
    MercadoLibre'', que muestra información general sobre la empresa 
    (historia, cantidad de visitantes, etc.), así como la información
    financiera de la misma \footnote{\url{http://investor.mercadolibre.com/}}.
  \end{itemize}
\item ¿Se proporciona mecanismos para ponerse en contacto con la
  empresa?

  (email, teléfono, dirección postal, fax\ldots)
  \begin{itemize}
  \item La única forma de contacto con la empresa es a través de la página de denuncias
    \footnote{\url{http://www.mercadolibre.com.ar/jm/ml.faqs.portalFaqs.FaqsController?axn=verFaq&faqId=2744&categId=SEDEN}} y cabe aclarar que es difícil de encontrar, dado que no esta asociado a un nombre ``clásico'' como ``contactanos'' o una idea similar.
%No se menciona ninguna forma de contacto clasica (via un vinculo \emph{``contactanos''}).
  \end{itemize}
\item ¿Se proporciona información sobre la protección de datos de
  carácter personal de los clientes o los derechos de autor de los
  contenidos del sitio web?


  \begin{itemize}
  \item Al pie también hay links a las políticas del sitio 
    \footnote{\url{http://www.mercadolibre.com.ar/seguro_terminos.html}}, con
    respecto a seguridad, privacidad, menores, etc..
  \end{itemize}
\item En artículos, noticias, informes\ldots ¿se muestra claramente
  información sobre el autor, fuentes y fechas de creación y revisión
  del documento?
  \begin{itemize}
  \item Los únicos artículos que se encuentran en MercadoLibre son las
    guías de compra, escritas por los mismos usuarios, por lo que la
    presencia de información como las fuentes quedan a cargo de los
    mismos. El nombre del autor y la fecha se colocan
    automáticamente. El nombre se ve claramente tanto en el artículo
    como en el resumen en la página principal de las guías. El color
    de la fecha es un poco claro, con poco contraste con el fondo, y
    sólo se encuentra en el artículo.
  \end{itemize}
\end{itemize}

\subsection{Lenguaje y Redacción}
\label{sec:LenguajeYRedacción}


\begin{itemize}
\item¿El sitio web habla el mismo lenguaje que sus usuarios?

  Se debe evitar usar un lenguaje corporativista. Así mismo, hay que
  prestarle especial atención al idioma, y ofrecer versiones del sitio
  en diferentes idiomas cuando sea necesario.
\item ¿Emplea un lenguaje claro y conciso?
\item ¿Es amigable, familiar y cercano?

  Es decir, lo contrario a utilizar un lenguaje constantemente
  imperativo, mensajes crípticos, o tratar con ''desprecio'' al
  usuario.
  \begin{itemize}
  \item Para los tres puntos, tal como se menciona en
    \ref{sec:FamiliarLanguage}, el lenguaje usado es efectivamente
    claro, familiar y sin tecnicismos.
  \end{itemize}
\item ¿1 párrafo = 1 idea?

  Cada párrafo es un objeto informativo. Trasmita ideas,
  mensajes\ldots Se deben evitar párrafos vacíos o varios mensajes en
  un mismo párrafo.
  \begin{itemize}
  \item Los únicos lugares donde el sitio web ofrece información
    redactada como parte del sitio (no, por ejemplo, las guías de
    compra, donde son redactadas tanto por gente de MercadoLibre como
    por usuarios) son la ayuda y las políticas. En dichas secciones,
    el contenido está claramente explicado, sin párrafos vacíos de
    contenido o sobrecargados.
  \end{itemize}
\end{itemize}


\subsection{Rotulado}
\label{sec:rotulado}

\begin{itemize}
  
\item Los rótulos, ¿son significativos?

  Ejemplo: evitar rótulos del tipo ``haga clic aquí''.
  \begin{itemize}
  \item En general, los textos de los enlaces son descriptivos. Pero
    hay algunos casos en los que no lo son tanto, como por ejemplo en
    la sección de ayuda sobre cambiar el apodo: ``Si quieres modificar
    tu Apodo, \underline{solicitalo aquí}.''.
  \end{itemize}

\item ¿Usa rótulos estándar?  Siempre que exista un ``estándar''
  comúnmente aceptado para el caso concreto, como ``Mapa del Sitio'' o
  ``Acerca de \ldots''.
  \begin{itemize}
  \item En general los rótulos de los enlaces son estándar. Pero hay
    casos como ``Sobre MercadoLibre'', en vez del más acostumbrado
    ``Acerca de \ldots'', o ``Preguntas'' en vez de ``Ayuda'' en
    páginas internas, no es así el caso del contacto, como ya se hablo en
    la sección anterior.
  \end{itemize}

\item ¿Usa un único sistema de organización, bien definido y claro?
  No se deben mezclar sistemas de organización diferentes. Los
  diferentes sistemas de organización son básicamente: alfabético,
  geográfico, cronológico, temático, orientado a tareas, orientado al
  público y orientado a metáforas.
  \begin{itemize}
  \item El sistema de organización en todos los productos es por
    categoría (temático).
  \end{itemize}
\item ¿Utiliza un sistema de rotulado controlado y preciso?

  Por ejemplo, si un enlace tiene el rótulo ``Quiénes somos'', no
  puede dirigir a una página cuyo encabezamiento sea ``Acerca de'', o
  un enlace con el rótulo ``Ayuda'' no puede dirigir a una página
  encabezada con ``FAQs''.
  \begin{itemize}
  \item Todos los enlaces apuntan a páginas con un encabezamiento
    equivalente, excepto ``Preguntas'' que lleva a ``Portal de
    Ayuda''.
  \end{itemize}
\item El título de las páginas, ¿Es correcto? ¿Ha sido planificado?

  Relacionado con la ``findability'' del sitio web.
  \begin{itemize}
  \item Este asunto se menciona en \ref{sec:WritingForSearchEngines} y
    en \ref{sec:DistinctiveHTMLTitles}. No todos los títulos son
    descriptivos del contenido de las páginas. Las páginas que sí
    cuentan con títulos correctos son las de productos y las de
    categorías.
  \end{itemize}
\end{itemize}

\subsection{Estructura y Navegación}
\label{sec:EstructuraYNavegacion}

\begin{itemize}
\item La estructura de organización y navegación, ¿Es la más adecuada?

  Hay varios tipos de estructuras: jerárquicas, hipertextual,
  facetada,\ldots
  \begin{itemize}
  \item La estructura principal de organización elegida es jerárquica.
    Es adecuada para clasificar los distintos tipos de productos que
    se pueden poner a la venta en el sitio. Por ejemplo, no tienen
    atributos discernibles como para utilizar una organización
    facetada. Sin embargo, los autos sí tienen atributos como marca,
    modelo, tipo de combustible, por lo que en ese caso sí se utiliza
    la organización facetada.
  \end{itemize}
\item En el caso de estructura jerárquica, ¿Mantiene un equilibrio
  entre Profundidad y Anchura?
  \begin{itemize}
  \item La variedad de clases de productos hace prácticamente
    imposible mantener ese equilibrio.
  \end{itemize}
\item En el caso de ser puramente hipertextual, ¿Están todos los
  clusters de nodos comunicados?

  Aquí se mide la distancia entre nodos.
  \begin{itemize}
  \item Este no es el caso.
  \end{itemize}
\item ¿Los enlaces son fácilmente reconocibles como tales? ¿su
  caracterización indica su estado (visitados, activos,\ldots)?

  Los enlaces no sólo deben reconocerse como tales, sino que su
  caracterización debe indicar su estado (para orientar al usuario), y
  ser reconocidos como una unidad (enlaces que ocupan más de una
  línea).
  \begin{itemize}
  \item Como ya se mencionó en \ref{sec:ObviousLinks}, los links del
    sitio siguen la convención de texto de color azul subrayado
    (tornándose violeta en los links visitados). Además, como se dijo
    en \ref{sec:DescriptiveLongerLinkNames}, en general son
    descriptivos.
  \end{itemize}
\item En menús de navegación, ¿Se ha controlado el número de elementos
  y de términos por elemento para no producir sobrecarga memorística?

  No se deben superar los $7±2$ elementos, ni los 2 o, como mucho, 3
  términos por elemento.
  \begin{itemize}
  \item El sitio no cuenta con menúes en la forma clásica. La barra de
    navegación se puede ver como algo similar. La misma cuenta con 7
    ítems exactamente, y solamente ``Mi MercadoLibre'' tiene más de
    una palabra.

    Otra sección similar a un menú es la lista de categorías, la cual,
    dada la cantidad de las mismas, es imposible que se mantenga
    dentro de los $7±2$ elementos, pero no pasan de las 3 palabras por
    elemento.
  \end{itemize}
\item ¿Es predecible la respuesta del sistema antes de hacer clic
  sobre el enlace?

  Esto está relacionado con el nivel de significación del rótulo del
  enlace, aunque también con: el uso de globos de texto, información
  contextual (indicar formato y tamaño del documento o recurso con el
  que vincula el enlace), la barra de estado del navegador,\ldots
  \begin{itemize}
  \item En general es predecible la respuesta ante los enlaces, pero,
    por ejemplo, en el Portal de Ayuda algunos links apuntan
    directamente a los elementos descriptos por ellos y otros a ayuda
    sobre los elementos.
  \end{itemize}
\item ¿Se ha controlado que no haya enlaces que no llevan a ningún
  sitio?

  Enlaces que no llevan a ningún sitio: Los enlaces rotos, y los que
  enlazan con la misma página que se está visualizando (por ejemplo
  enlaces a la ''home'' desde la misma página de inicio)
  \begin{itemize}
  \item No se encontró ningún link roto en el sitio. Los únicos links
    que apuntan a la misma página donde se encuentran son los de la
    barra de navegación, al elegir los ítems.
  \end{itemize}
\item ¿Existen elementos de navegación que orienten al usuario acerca
  de dónde está y cómo deshacer su navegación?

  \ldots como breadcrumbs, enlaces a la página de inicio,\ldots
  recuerde que el logo también es recomendable que enlace con la
  página de inicio.
  \begin{itemize}
  \item En todas las páginas, el logotipo de MercadoLibre que se
    encuentra en la esquina superior izquierda apunta a la página
    principal (excepto en la propia página).

    Como se mencionó en \ref{sec:LocationBreadCrumbs}, tanto las
    categorías como el portal de ayuda cuenta con rastro de migas o
    breadcrumbs.
  \end{itemize}
\item Las imágenes enlace, ¿se reconocen como clicables? ¿incluyen un
  atributo 'title' describiendo la página de destino?

  En este sentido, también hay que cuidar que no haya imágenes que
  parezcan enlaces y en realidad no lo sean.
  \begin{itemize}
  \item En general, todas las imágenes del sitio actúan como enlaces,
    excepto las cabeceras. La mayoría de las mismas son imágenes de
    los productos, y sí cuentan con un atributo 'title' en el enlace.
  \end{itemize}
\item ¿Se ha evitado la redundancia de enlaces?
  \begin{itemize}
  \item Existe una redundancia. En varias de las páginas internas
    aparece sobre la barra de navegación, entre otros links, uno
    denominado ``Preguntas''. Dicho link apunta a la misma página que
    ``Ayuda'', que se encuentra en la propia barra.
  \end{itemize}
\item ¿Se ha controlado que no haya páginas ''huérfanas''?

  Páginas huérfanas: que aún siendo enlazadas desde otras páginas,
  éstas no enlacen con ninguna.
  \begin{itemize}
  \item No hemos encontrado páginas huérfanas en el sitio. Todas
    tienen, al menos, el logotipo de MercadoLibre que enlaza a la
    página principal.
  \end{itemize}
\end{itemize}

\subsection{Lay-Out de la Página}
\label{sec:LayOutDeLaPagina}

     
\begin{itemize}
\item ¿Se aprovechan las zonas de alta jerarquía informativa de la
  página para contenidos de mayor relevancia?

  (como por ejemplo la zona central)
  \begin{itemize}
  \item Dichas zonas se aprovechan para publicidad propia del sitio
    (ofertas especiales, productos destacados, etc.).
  \end{itemize}
\item ¿Se ha evitado la sobrecarga informativa?

  Esto se consigue haciendo un uso correcto de colores, efectos
  tipográficos y agrupaciones para discriminar información. Al igual
  que en los elementos de un menú de navegación, los grupos diferentes
  de objetos informativos de una página, no deberán superar el número
  $7\pm2$.

  \begin{itemize}
  \item Los distintos enlaces se encuentran agrupados temáticamente,
    separados del resto.
  \item Como ya se mencionó, la lista de categorías supera el número
    $7\pm2$. El resto de las secciones están agrupadas en ese número
    de ítems o menos.
  \end{itemize}
\item ¿Es una interfaz limpia, sin ruido visual?
  \begin{itemize}
  \item La página principal tiene en el centro un cuadro con
    publicidad aleatoria. Generalmente no resulta molesto, pero a
    veces muestra una animación flash que puede distraer al usuario
    que ya entra en el sitio con una idea equis.
  \end{itemize}
\item ¿Existen zonas en ''blanco'' entre los objetos informativos de
  la página para poder descansar la vista?
  \begin{itemize}
  \item Sí, hay espacios en blanco para descansar la vista.
  \end{itemize}
\item ¿Se hace un uso correcto del espacio visual de la página?  Es
  decir, que no se desaproveche demasiado espacio con elementos de
  decoración, o grandes zonas en ''blanco'', y que no se adjudique
  demasiado espacio a elementos de menor importancia.
  \begin{itemize}
  \item Dejando de lado el espacio que tienen las páginas a los
    costados (siguiendo el patrón \ref{sec:FixedScreenWidth}), en
    general se aprovecha bien el espacio de las páginas. Pero hay un
    lugar donde se nota un gran espacio en blanco: en las páginas de
    los productos. En el lugar sobre el fold, donde da información
    sobre el producto y sobre el vendedor, queda un espacio que podría
    reducirse si se aumentara el tamaño de la letra de la información
    del vendedor (que es bastante chica) o si se centrara
    verticalmente todo el bloque con respecto a la foto del producto.
  \end{itemize}
\item ¿Se utiliza correctamente la jerarquía visual para expresar las
  relaciones del tipo ``parte de'' entre los elementos de la página?

  (La jerarquía visual se utiliza para orientar al usuario)
  \begin{itemize}
  \item Las páginas en general tienen una buena disposición
    jerárquica.  Aunque se puede apreciar un ejemplo negativo en la
    página principal, en la columna derecha, donde en forma continuada
    se encuentra una sección con enlaces de ayuda (``Aprende
    sobre\ldots'') y otras con enlaces a listados especiales de
    productos y a productos (``Imperdibles'' y ``Promociones'') (figura
    \ref{fig:badSeparations}); al final de la columna izquierda
    (en la separación entre ``Categorías'' y ``Comunidad'') se ve
    un detalle gráfico que se pudo haber usado para separar un poco más
    (figura \ref{fig:goodSeparation}).
  \end{itemize}

\begin{figure}[h]
  \centering
  \begin{tabular}{l r}
    \subplaceimage{Divisiones no muy marcadas}{fig:badSeparations}{0.3\textwidth}{imgs/bad_separation} &
    \subplaceimage{División mejor}{fig:goodSeparation}{0.3\textwidth}{imgs/good_separation} \\   
  \end{tabular}
  \caption{Divisiones en la página principal}
  \label{fig:divisions}
\end{figure}

\item ¿Se ha controlado la longitud de página?  Se debe evitar en la
  medida de lo posible el scrolling. Si la página es muy extensa, se
  debe fraccionar.
  \begin{itemize}
  \item El scrolling no esta muy bien controlado, ya que las páginas de
    usuario no están bajo la potestad de \url{http://mercadolibre.com.ar},
    estas pueden tener longitudes excesivas.
    Se notó a la hora de la investigación que algunas páginas eran excesivamente
    largas, como en la sección ``Inmobiliarias'' o en el segundo paso del funnel 
    de ventas, ver \ref{sec:ClearForms}, figura \ref{fig:sale_second_step}.
  \end{itemize}
\end{itemize}

\subsection{Búsqueda}
\label{sec:Busqueda}

(siempre que fuera necesario, por la extensión del sitio web, la
incorporación de un buscador interno)

\begin{itemize}
\item ¿Se encuentra fácilmente accesible?
 
  Es decir: directamente desde la home, y a ser posible desde todas
  las páginas del sitio, y colocado en la zona superior de la página.
  \begin{itemize}
  \item La ubicacion es clara y evidente, ver
    \ref{sec:SearchActionModule}.
  \end{itemize}

\item ¿Es fácilmente reconocible como tal?
 \begin{itemize}
  \item No es tan evidente, sobre todo por el bajo contraste
    entre el entorno y el fondo del textbox,
    Además, podría estar acompañado por una leyenda más descriptiva antes
    del textbox en todas las páginas, no solo una que diga ``Buscar''\footnote{
    La leyenda no aparece en los listados y en las páginas de los productos.}.
    Otro detalle que confunde es el botón de acción, etiquetado
    simplemente ``Ir''\footnote{En los listados y en los productos, el texto
    cambia a ``Buscar''}.
  \end{itemize}
\item ¿Permite la búsqueda avanzada?
  
  (siempre y cuando, por las características del sitio web, fuera de
  utilidad que la ofreciera)
  \begin{itemize}
  \item La búsqueda avanzada se encuentra tras el link ``Buscar'' en la barra
    de navegación, lo cual se confunde con la leyenda ``Buscar'' del cuadro de
    búsqueda y el botón ``Buscar'' en los listados y las páginas de productos.
  \end{itemize}

\item ¿Muestra los resultados de la búsqueda de forma comprensible
  para el usuario?
  \begin{itemize}
  \item Sí, ya que indica el nombre de cada artículo (con una foto si es
    destacado), su precio y su ubicación.
  \end{itemize}
\item ¿La caja de texto es lo suficientemente ancha?
  \begin{itemize}
  \item tiene un tamaño adecuado, permite la entrada de hasta 60
    caracteres.
  \end{itemize}
\item ¿Asiste al usuario en caso de no poder ofrecer resultados para
  una consulta dada?
  \begin{itemize}
  \item Las asistencias que brinda están citadas en
    \ref{sec:OrganizedSearchResults}
  \end{itemize}
\end{itemize}


  \subsection{Elementos Multimedia}
  \label{sec:ElementosMultimedia}
 \begin{itemize}
\item ¿Las fotografías están bien recortadas? ¿son comprensibles? ¿se
  ha cuidado su resolución?
  \begin{itemize}
  \item Las únicas fotografías que hay en el sitio son introducidas por
    los usuarios. De ellos dependen sus características.
  \end{itemize}
\item ¿Las metáforas visuales son reconocibles y comprensibles por
  cualquier usuario?

  (prestar especial atención a usuarios de otros países y culturas)
  \begin{itemize}
  \item El sitio tiene pocas metáforas visuales: el logotipo (dos manos
    estrechándose; un símbolo de llegar a un arreglo, de confianza); un
    autito en ``Autos, Motos y Otros''; un corazón en ``Encuentros''
    (símbolo de amor, de parejas); un candado en las páginas con
    conexión segura (el candado es símbolo de seguridad incluso
    en la mayoría de los navegadores) (ver figuras \ref{fig:imagesHomepage},
    \ref{fig:candado}).
  \end{itemize}
\item ¿El uso de imágenes o animaciones proporciona algún tipo de
  valor añadido?
  \begin{itemize}
  \item Las únicas animaciones con las que cuenta el sitio son las publicidades
    externas, publicidades internas (no sólo de productos, sino también de
    formas de realizar acciones, que permiten mostrar más de un cuadro de
    texto en un lugar reducido) y ejemplos de acciones (por ejemplo, cómo
    publicar un producto para la venta).
  \end{itemize}
\item ¿Se ha evitado el uso de animaciones cíclicas?
  \begin{itemize}
  \item Las animaciones cíclicas más notables que aparecen en el sitio son
    algunas de las publicidades del centro de la página principal, que no
    se encuentran siempre ya que se elige una en forma aleatoria en cada carga.
    Después hay pequeñas publicidades que se ven debajo del centro, que constan
    de dos o tres cuadros nada más.
  \end{itemize}
\end{itemize}

\begin{figure}[h]
  \centering
  \begin{tabular}{l r}
    \subplaceimage{Detalle de las metáforas en la homepage}{fig:imagesHomepage}{0.3\textwidth}{imgs/images_homepage} &
    \subplaceimage{Detalle del candado}{fig:candado}{0.3\textwidth}{imgs/candado} \\
  \end{tabular}
  \subplaceimage{Detalle de las fotos en los productos}{fig:imageProduct}{0.6\textwidth}{imgs/images_product}
  \caption{Elementos multimedia}
  \label{fig:multimedia}
\end{figure}

\subsection{Ayuda}
\label{sec:Ayuda}
\begin{itemize}
\item Si posee una sección de Ayuda, ¿Es verdaderamente necesaria?

  Siempre que se pueda prescindir de ella simplificando los elementos
  de navegación e interacción, debe omitirse esta sección.

  \begin{itemize}
  \item Consideramos que esta sección es necesaria ya que al tratarse 
    de un sitio que maneja transacciones monetarias y de bienes o servicios, 
    y a pesar de que puede ser redundante, este
  \end{itemize}

\item En enlace a la sección de Ayuda, ¿Está colocado en una zona
  visible y ``estándar''?

  La zona de la página más normal para incluir el enlace a la sección
  de Ayuda, es la superior derecha.

  \begin{itemize}
  \item El vinculo de ayuda esta ubicado en la parte superior derecha y es 
    fácilmente accesible desde la interfaz, es decir, tiene un tamaño adecuado y 
    su contraste (azul sobre fondo blanco) lo hacen visible, pero no resalta ya 
    que su formato es similar al del resto de los vínculos de la barra de links, 
    lo cual puede dificultar su localización.
  \end{itemize}

\item ¿Se ofrece ayuda contextual en tareas complejas?
  (transferencias bancarias, formularios de registro\ldots)
  \begin{itemize}
  \item No se ofrece tal ayuda.
  \end{itemize}

\item Si posee FAQs, ¿es correcta tanto la elección como la redacción
  de las preguntas? ¿y las respuestas?
\end{itemize}

\subsection{Accesibilidad}
\label{sec:Accesibilidad}

\begin{itemize}
  
\item ¿El tamaño de fuente se ha definido de forma relativa, o por lo
  menos, la fuente es lo suficientemente grande como para no
  dificultar la legibilidad del texto?
  \begin{itemize}
  \item En algunos casos, el tamaño de la fuente es muy pequeña. Entre
    tales casos se encuentra el pie de las páginas y la información sobre
    los vendedores en las páginas de los productos.
  \end{itemize}
\item ¿El tipo de fuente, efectos tipográficos, ancho de línea y
  alineación empleados facilitan la lectura?
  \begin{itemize}
  \item El tipo de fuente usado es estándar de los sitios web. Los efectos
    tipográficos y el tamaño de la fuente dependen de la configuración del
    sistema desde el cual se esté navegando. Hay poco alto entre las líneas
    (en general en el sitio es de 3 píxeles); sin embargo, el ancho de
    las líneas no es incómodo.
  \end{itemize}
\item ¿Existe un alto contraste entre el color de fuente y el fondo?
  \begin{itemize}
  \item En la mayoría de los casos, sí. Pero por ejemplo, el texto de la fecha
    de publicación en las Guías de compra no tiene bastante contraste.
  \end{itemize}
\item ¿Incluyen las imágenes atributos ``alt'' que describan su
  contenido?
  \begin{itemize}
  \item No se encontró ninguna imagen que cuente con el atributo ``alt''.
    % Probé ver varias páginas de MercadoLibre después de decirle al Firefox
    % que no me cargue las imágenes. ¡Se ve horrible!
  \end{itemize}
\item ¿Es compatible el sitio web con los diferentes navegadores?  ¿Se
  visualiza correctamente con diferentes resoluciones de pantalla?

  Se debe prestar atención a: JScript, CSS, tablas, fuentes\ldots
  \begin{itemize}
  \item En general, el sitio se ve correctamente con los principales navegadores.
    Pero como se mencionó anteriormente, se encontró un detalle en el recuadro
    que aparece al elegir más opciones de filtros en los listados cuando se
    ve con los navegadores Mozilla Firefox y Google Chrome, y se ve bien desde
    Internet Explorer.
  \end{itemize}
\item ¿Puede el usuario disfrutar de todos los contenidos del sitio
  web sin necesidad de tener que descargar e instalar plugins
  adicionales?
  \begin{itemize}
  \item El único plugin que se necesita para ciertos contenidos del sitio es
    Adobe Flash, pero solamente para los videos que tienen muy pocos productos,
    y algunas publicidades. Por lo tanto, no se considera estrictamente necesario.
    Además, hoy en día dicho plugin es ampliamente usado.
  \end{itemize}
\item ¿Se ha controlado el peso de la página?

  Se deben optimizar las imágenes, controlar el tamaño del código
  JScript\ldots
\item ¿Se puede imprimir la página sin problemas?

  Leer en pantalla es molesto, por lo que muchos usuarios preferirán
  imprimir las páginas para leerlas. Se debe asegurar que se puede
  imprimir la página (no salen partes cortadas), y que el resultado es
  legible.
\end{itemize}
\subsection{Control y Retroalimentación}
\label{sec:ControlYRetroalimentacion}

\begin{itemize}
\item ¿Tiene el usuario todo el control sobre el interfaz?

  Se debe evitar el uso de ventanas pop-up, ventanas que se abren a
  pantalla completa, banners intrusivos\ldots
  \begin{itemize}
  \item La única ventana pop-up inesperada que se pudo notar fue al ingresar a la
    categoría de Celulares, donde daba una advertencia en caso de que el
    usuario comprara un celular, y no vuelve a aparecer en sucesivas vueltas
    a dicha categoría. El resto de las ventanas popup se abren ante
    los links externos. No se encontró ninguna ventana que se abriera
    a pantalla completa. El sitio no cuenta con banners publicitarios
    que se superpongan al contenido de las páginas.
  \end{itemize}
% http://www.mercadolibre.com.ar/argentina/ml/p_html?as_html_id=POP_CELULAR
\item ¿Se informa constantemente al usuario acerca de lo que está
  pasando?

  Por ejemplo, si el usuario tiene que esperar hasta que se termine
  una operación, la página debe mostrar un mensaje indicándole lo que
  está ocurriendo y que debe esperar. Añadir en el mensaje el tiempo
  estimado que tendrá que esperar el usuario, o una barra de progreso,
  ayudará al usuario en este sentido.
  \begin{itemize}
  \item Aparte de los funnels, los cuales son bien descriptivos de lo que
    ocurre en cada paso, el sitio no cuenta con ninguna acción que deba
    informar de lo que está ocurriendo.
  \end{itemize}
\item ¿Se informa al usuario de lo que ha pasado?

  Por ejemplo, cuando un usuario valora un artículo o responde a una
  encuesta, se le debe informar de que su voto ha sido procesado
  correctamente.
  \begin{itemize}
  \item Una vez que termina cualquier tarea, el sitio le informa debidamente
    al usuario.
  \end{itemize}
\item Cuando se produce un error, ¿se informa de forma clara y no
  alarmista al usuario de lo ocurrido y de cómo solucionar el
  problema?

  Siempre es mejor intentar evitar que se produzcan errores a tener
  que informar al usuario del error.
  \begin{itemize}
  \item Sí, se informa de manera clara. Un ejemplo de ello se puede ver en
    \ref{sec:MeaningfulErrorMessages}.
  \end{itemize}
\item ¿Posee el usuario libertad para actuar?

  Se debe evitar restringir la libertad del usuario: Evite el uso de
  animaciones que no pueden ser ``saltadas'', páginas en las que
  desaparecen los botones de navegación del browser, no impida al
  usuario poder usar el botón derecho de su ratón\ldots

  \begin{itemize}
  \item El sitio no restringe de ninguna forma la libertad de acción del usuario.

  \end{itemize}
  \item ¿Se ha controlado el tiempo de respuesta?
    
  Aunque esto tiene que ver con el peso de cada página (accesibilidad)
  también tiene relación con el tiempo que tarda el servidor en
  finalizar una tarea y responder al usuario. El tiempo máximo que
  esperará un usuario son 10 segundos.
  \begin{itemize}
  \item No se notó ninguna tardanza excesiva en los distintos procesos.
  \end{itemize}
\end{itemize}


%%% Local Variables: 
%%% mode: latex
%%% TeX-master: "informe"
%%% End: 
